<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>llygrid demo</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="pragma" content="no-cache"/>
	<meta http-equiv="cache-control" content="no-cache"/>
  
   <script src="../../../jquery.js" type="text/javascript" class="view-source"></script>
   <script src="../../../common.js" type="text/javascript" class="view-source"></script>
   <link   href="../../../../themes/mobile/style.css" type="text/css" rel="stylesheet"  class="view-source"/>
   
   <script src="../jquery.listselectdialog.js" type="text/javascript" class="view-source"></script>
   <link   href="../jquery.listselectdialog.css" type="text/css" rel="stylesheet"  class="view-source"/>
  <script src="../../demo.js"></script>
	<link href="../../demo.css" rel="stylesheet">
   <script type="text/javascript"  class="view-source noparse">

	$(function(){

		var gridSelect = {
				dataServiceUrl:dataServiceUrl,
				title:'用户选择页面',//页面显示标题
				//{value:'黎明,123,黎明1',label:'黎明11,12311,黎明111',split:','}
				//[{value:''}]
				defaults:[{value:'1',label:'广东省'},{value:'11',label:'广州市'}],//默认值
				key:{value:'ID',label:'TEXT'},//对应value和label的key
				multi:true,
				grid:{
					params:{
						sqlId:'grid.demo'
					},
					CommandName : 'java.page.command',
					pagesize:20,
					columns:[//显示列
						{align:"center",key:"ID",label:"NAME",width:"100"},
						{align:"center",key:"TEXT",label:"年龄",width:"100"},
						{align:"center",key:"DESC",label:"备注",width:"200"}
					]
				}
		   } ;
		   
		$(".grid-m-select").listselectdialog( gridSelect ,function(){
			var args = jQuery.dialogReturnValue() ;
			var value = args.value ;
			var label = args.label ;
			$(".grid-m-select").val(label).attr("title",label) ;
		}) ;
   	});
   </script>
   
   <style>
   		*{
   			font:12px "微软雅黑";
   		}
   		
   </style>

</head>
<body>


	列表多选选择:<input type="text" class="grid-m-select" value=""/><br/><br/>

</body>
</html>
